<!-- 参考官方文档 -->
<template>
    <view class="box-layout">
        <view class="box-text-1">hello</view>
        <view class="box-text-2">world</view>
        <!--        <view class="box-text-1">hello</view>
        <view class="box-text-2">world</view> -->
    </view>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
    .box-layout {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .box-text-1 {
            line-height: 80px;
            background: green;
        }

        .box-text-2 {
            line-height: 80px;
            background: blue;
        }
    }
</style>